﻿
<h4>Required</h4>
<FluentTextField @bind-Value=value1 Required="true"></FluentTextField>

<h4>Disabled</h4>
<FluentTextField @bind-Value=value2 Disabled="true"></FluentTextField>
<FluentTextField @bind-Value=value3 Disabled="true">label</FluentTextField>
<FluentTextField @bind-Value=value4 Disabled="true" Placeholder="placeholder"></FluentTextField>

<h4>Read only</h4>
<FluentTextField @bind-Value=value5 ReadOnly="true"></FluentTextField>
<FluentTextField @bind-Value=value6 ReadOnly="true">label</FluentTextField>

@code{
    string? value1, value2="Disabled", value3="Disabled", value4="Disabled", value5="Read only", value6="Read only";
}